import Vue from 'vue'
import App from './App.vue'
import router from './router'


// main.js -> 初始化渲染根组件 -> 对应路由地址-> 渲染视图router-view -> 渲染router-view中对应的组件

// 当前Vue2项目是基于webpack搭建的
// 1. 单页面应用   
// 2. 单文件组件 


// webpack  => 前端工程化工具 
// 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具

// webpack  模块（Modules） => Webpack 天生支持如下模块类型：
// Webpack 天生支持如下模块类型：
// ECMAScript 模块
// CommonJS 模块
// AMD 模块 
// webpack中可以使用 import / require 模块化语法, 载入各种类型的文件 (.css  js  .json  .jpg ), 有一些默认不支持(.vue .scss .less),但是可以下载解析工具(loader  -> vue-template-compiler)

// main.js中全局引入reset.css
import "@/styles/reset.css";
// import "@/styles/reset.js";
// import "@/styles/reset.json";

console.log(1111,App);



Vue.config.productionTip = false

// 挂载根实例 (每次页面刷新都会重新挂载)
new Vue({
  router,
  render: h => h(App),  // h() 渲染函数 -> 将app.vue中的配置作为根应用渲染
}).$mount('#app')
